<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>3.18家装设计年度盛会</title>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/jquery-1.11.0.js"></script>
		<script language="javascript" src="http://pft.zoosnet.net/JS/LsJS.aspx?siteid=PFT75532031&float=1&lng=cn"></script>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/duang.js"></script>
		<script type="text/javascript" src="http://lead.soperson.com/20000017/10059480.js"></script>
		<script language="javascript" src="http://pft.zoosnet.net/JS/LSJS.aspx?siteid=PFT75532031&lng=cn&float=0"></script>
		<script language="javascript" src="http://dyrszty.b0.upaiyun.com/zty/ga.js"></script>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/GA_NEWS_TAP_LV1.0.js"></script>

		<link rel="stylesheet" type="text/css" href="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/css/duang.css" />
	</head>
	<style>
		body {
			font-family: "微软雅黑";
		}
		
		.yuan {
			width: 30%;
			top: 24.5%;
			left: 15%;
		}
		
		.yuan_duang {
			-webkit-animation: yuan_duang 2s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.yuan span {
			display: block;
			width: 100%;
			color: #fff;
			font-size: 12px;
			text-align: center;
			white-space: nowrap;
		}
		
		.yuan span a {
			display: block;
		}
		
		.yuan_1 span a {
			color: #F31B76;
		}
		
		.yuan_2 span a {
			color: #52C5F3;
		}
		
		.yuan_3 span a {
			color: #7E59F3;
		}
		
		.yuan_4 span a {
			color: #CC57FB;
		}
		
		.yuan_2 {
			left: 55%;
		}
		
		.yuan_3 {
			top: 31%;
		}
		
		.yuan_4 {
			top: 31%;
			left: 55%;
		}
		
		@-webkit-keyframes yuan_duang {
			from {
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(360deg);
			}
		}
		
		.data_up {
			top: 61.5%;
			left: 0%;
			text-align: center;
		}
		
		.data_up input {
			border: 1px solid #000;
			border-radius: 5px;
			font-size: 16px;
			padding: 5px 10px;
			font-family: "微软雅黑";
			margin-bottom: 4%;
		}
		
		.duanxin {
			display: inline-block;
			background: #D02020;
			color: #fff;
			width: 38%;
			line-height: 30px;
			border-radius: 5px;
		}
		
		.tijiao {
			display: block;
			background: url(http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/btn.jpg) repeat-x;
			background-size: auto 100%;
			color: #fff;
			line-height: 32px;
			width: 86%;
			margin: 0 auto;
			border-radius: 5px;
			-webkit-animation: tijiao 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes tijiao {
			from {
				width: 76%;
				line-height: 32px;
			}
			to {
				width: 86%;
				line-height: 38px;
			}
		}
		
		.dianhua {
			right: 13%;
			top: 94.5%;
			width: 55%;
			-webkit-animation: dianhua 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes dianhua {
			from {
				right: 17%;
				width: 50%;
			}
			to {
				right: 13%;
				width: 55%;
			}
		}
	</style>

	<body class="relative_duang">
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/banner1.jpg" />
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/banner2.jpg" />
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/bg.jpg" />
		<div class="relative_duang absolute_duang yuan yuan_1">
			<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1_1.png" />
			<img class="absolute_duang yuan_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1.png" />
			<img class="absolute_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1_1.png" />
			<span>
				新家装修需要
				<a>多少预算?</a>
			</span>
		</div>
		<div class="relative_duang absolute_duang yuan yuan_2">
			<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1_1.png" />
			<img class="absolute_duang yuan_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan2.png" />
			<img class="absolute_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan2_2.png" />
			<span>
				新房格局不满意
				<a>如何调整?</a>
			</span>
		</div>
		<div class="relative_duang absolute_duang yuan yuan_3">
			<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1_1.png" />
			<img class="absolute_duang yuan_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan3.png" />
			<img class="absolute_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan3_3.png" />
			<span>
				水电怎么走才
				<a>更省钱?</a>
			</span>
		</div>
		<div class="relative_duang absolute_duang yuan yuan_4">
			<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan1_1.png" />
			<img class="absolute_duang yuan_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan4.png" />
			<img class="absolute_duang" style="width: 100%; z-index: 0; top: 0px; left: 0px;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/yuan4_4.png" />
			<span>
				如何选材更能
				<a>装出想要的风格?</a>
			</span>
		</div>
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/wenti.jpg" />
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/baoming.jpg" />
		<div class="data_up absolute_duang SMS_KV_LV">
			<input class="name_lv" type="text" style="width: 80%;" placeholder="您的姓名" />
			<input class="SMS_lv" type="tel" style="width: 80%;" placeholder="您的手机" />
			<input class="SMS_yz_lv" type="tel" style="width: 40%;" placeholder="验证码" />
			<a class="duanxin SMS_button_lv" if_id=0>获取验证码</a>
			<a class="tijiao SMS_button_lv2">立即提交</a>
		</div>
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/weixin.jpg" />
		<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/dizhi.jpg" />
		<img class="absolute_duang dianhua" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/dianhua.png" />
		<img class="simei_lv" style="width: 100%; position: fixed; bottom: -100%; left: 0;" src="http://dyrszty.b0.upaiyun.com/zty/20180303_lv/images/sumei.png" />
	</body>
	<script>
		var bottom_id = 0;
		//发送验证码
		$(".SMS_KV_LV .SMS_button_lv").click(function() {
			SMS_phone_lv({
				'button_lv': $(this),
				'phone_id': $(this).parents(".SMS_KV_LV").children(".SMS_lv").val(),
				'button_text': "获取验证码",
				"time": 60
			});
		});
		//验证过程
		$(".SMS_KV_LV .SMS_button_lv2").click(function() {
			var this_lv = $(this);
			SMS_yz_lv($(this).parents(".SMS_KV_LV").children(".SMS_yz_lv").val(), function() {
				A6_data_up(1, "", {
					"name": $(this_lv).parents(".SMS_KV_LV").children(".name_lv").val(), //名字
					"phone": $(this_lv).parents(".SMS_KV_LV").children(".SMS_lv").val(), //手机号
					"acreage": "", //面积
					"loupan": "", //小区
				}, "318信息流")
				ga('send', 'event', '20180303/105074', '优惠名额/提交信息', '在线报名');
			});
		});
		$(document).ready(function() {
			var flag0 = true;
			var flag1 = true;
			var flag2 = true;
			var flag3 = true;
			$(window).scroll(function() {
				var ASH = $(window).height() + $(document).scrollTop();
				var SH = $(document).height();
				var RS = ASH / SH;
				if(flag0) {
					flag0 = false;
				} else if(RS >= 0.3 && RS < 0.6 && flag1) {
					ga('send', 'event', "20180303/105074", "页面滑动", "30%", 1, {
						nonInteraction: true
					});
					flag1 = false
				} else if(RS >= 0.6 && RS <= 0.9 && flag2) {
					ga('send', 'event', "20180303/105074", "页面滑动", "60%", 1, {
						nonInteraction: true
					});
					flag2 = false
				} else if(RS >= 0.9 && flag3) {
					ga('send', 'event', "20180303/105074", "页面滑动", "100%", 1, {
						nonInteraction: true
					});
					flag3 = false
				}

			});
		});
		$(".dianhua").click(function() {
			location.href = "tel:4006911525";
		});
		$(window).scroll(function() {
			console.log($(window).scrollTop())
			if($(window).scrollTop() >= 600 && bottom_id == 0) {
				bottom_id = 1;
				$(".simei_lv").animate({
					'bottom': '0%'
				}, 1000);
			}
		});
		$(".simei_lv").click(function() {
			location.href = "http://m.tj.dyrs.com.cn/special/20180302/105065";
		});
	</script>

</html>